/* ====================================================== 
   7. Header Area                                        
/* ====================================================== */

/* Don't use "margin" or "padding" to set up ".header-area" */

.header-area {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 90000;
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 1.15px solid rgba(51, 51, 51, 0.2);
	box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.08);
	
	&.spy-scroll-fixed {
	    background-color: rgba(255, 255, 255, 1);
	}
}


/* Don't use "margin" or "padding" to set up ".header-container" */

.header-container {
	/* Floating layer protection for IE */
	background: url(../images/blank.gif);
	
	.menu-right {
		float: right;
		
		i {
			font-size: 1.2rem;

			&:hover {
				opacity: .5;
			}
		}

		a {
			display: inline-block;
			margin-right: .75rem;
		}
	}
}


.navbar-fixed-top .header-container {
	
}

.header-inner {
	height: 185px;
	background: none;
	
	&.auto-height {
	    height: calc( 65px + 0.284375rem );
	}
	
	&.no-height {
	    height: 0 !important;
	}
}





/*----- Theme - White -----*/

.theme-white {
  
	.header-area {
		background-color: rgba(255, 255, 255, 0.15);
		border-bottom-color: rgba(255, 255, 255, 0.2);
		
		&.spy-scroll-fixed {
		    background-color: #DA304A;
		}
		.menu-right a {
		    color: #fff;
		}
	}
}


@media all and (max-width: 768px) {
	.theme-white {

		.header-area {
			background-color: transparent;
			border-bottom: none;
			box-shadow: none;
			&.spy-scroll-fixed {
				background-color: transparent;
			}
		}

	}

}
